<template>
	<view class="wrap u-p-20">
		
		<!-- 个人信息页面 -->
		<view class="u-flex user-box u-p-l-30 u-p-r-20 u-p-b-30 content">
			<view class="u-flex-1">
				<view class="u-font-18 u-p-b-20">用户名: {{this.name}}</view>
				<view class="u-font-18 u-p-b-20">邮箱: {{this.email}}</view>
			</view>
		</view>
		
		<view style="color: #DD524D;">
			只是静态页面 展示用户的个人信息 修改个人信息的功能未实现
		</view>
	</view>
</template>

<script>
	import {mapGetters, mapMutations} from 'vuex'
	
	export default {
		data() {
			return {
				name: '', 	// 用户名
				email: '',	// 邮箱
			}
		},
		computed: {
			...mapGetters(['token', 'user']),
		},
		onLoad() {
			this.name = this.$store.state.user.username
			this.email = this.$store.state.user.email
		},
		methods: {
			
		}
	};
</script>

<style lang="scss" scoped>
	.wrap{
		margin: 0 30rpx;
	}
	
	.content{
		margin-top: 36rpx;
	}
	
	

</style>
